<template>
  <div id="details">
    <v-company 
      ref="top" 
      :isDetails="true" 
      @beforePDF="boforePdf" 
      :pdfStatus="pdfStatus"
      :queryData="queryData"></v-company>
  </div>
</template>

<script>
  import VCompany from '@/views/report/qualityKpi/company'
  import http from '@/views/sys/axios'

  export default {
    name: 'DetailsKpi',
    components: {
      VCompany
    },
    data() {
      return {
        pdfStatus: false,
        inputStatus: false,
        queryData: this.$route.query
      }
    },
    methods: {
      boforePdf() {
        this.pdfStatus = true
        this.$message({
          message: '请您填写相关的分析/建议!',
          type: 'warning'
        })
        this.$refs.top.$refs.kpi.$el.scrollIntoView({behavior: "smooth"})
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import '../../../assets/common/common.scss';
  #details{
    padding: 32px;
    background-color: rgb(240, 242, 245);
    position: relative;
  }
  /deep/ .el-table th.gutter{
    display: table-cell!important;
  }
  /deep/ .el-dialog {
    background-color: #eeeeee;
  }
  /deep/ .el-divider__text {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    background-color: #e6a23c;
    padding: 6px 16px;
  }
  /deep/ .el-divider--horizontal {
    margin: 40px 0;
    height: 2px;
  }
  .newReport{
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .toTop{
    position: fixed;
    bottom: 80px;
    right: 25px;
    z-index: 10;
  }
</style>